<template>
	<view>
		<u-popup mode="center" :show="show" round="9" @close="close" :closeOnClickOverlay="false" width="300px" height="108px">
			<view class="recharge-doing">
				<view class="mask-tlt">请求充电中...</view>
				<u-line-progress height="12" :showText="false" :percentage="percent" activeColor="#6ABF6C" :round="true" >
				</u-line-progress>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default{
		props:{
			show:{
				type:Boolean,
				default:false
			},
			percent:{
				type:Number,
				default:0
			}
		},
		data(){
			return{
				
			}
		},
		methods:{
			close(){
				this.$emit('close')
			}
		}
	}
</script>

<style lang="scss" scope>
	/*正在充电中*/
	.recharge-doing {
		padding: 30px;
		width:500rpx;
	}
	
	.mask-tlt {
		color: #000000;
		font: 14px;
		text-align: center;
		margin-bottom: 22px;
	}
	
	.percent {
		margin-top: 30px;
		color: #333333;
		font-size: 14px;
	}
</style>